<template>
	<view class="page-container bg-grey">
		<up-navbar safeAreaInsetTop fixed placeholder title="提现申请" :autoBack="true"></up-navbar>
		<view class="plr-24">
			<view class="flex-a mtb-36">
				<text>可提现金额</text>
				<view class="ml-8 font-500">
					<text class="fs-24">&yen;</text>
					<text class="fs-36">110.00</text>
				</view>
			</view>
			<view class="radius-16 pt-32 pb-48 plr-32 bg-white">
				<view class="fs-28 c-grey-86">提现金额</view>
				<view class="withdraw-input">
					<text class="fs-44 mr-8">¥</text>
					<up-input
						type="number"
						v-model="amount"
						border="none"
						placeholderStyle="color: #C9CDD4"
						fontSize="60rpx"
					/>
					<image :src="imgBaseUrl + 'icon-clear.png'" class="icon-48" />
				</view>
				<view class="fs-24 c-grey-86 mt-16 mb-48"></view>
				<zjy-button @click="navigateTo('/pages/common/res')">申请提现</zjy-button>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import { navigateTo } from "@/utils/page-redirect"

const imgBaseUrl = inject("imgBaseUrl")
const amount = ref("")
</script>
<style lang="scss" scoped>
.withdraw-input {
	display: flex;
	align-items: center;
	padding: 16rpx 0 12rpx;
	border-bottom: 2rpx solid $c-grey-e5;
	font-weight: bold;
}
</style>
